<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="public/home/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="public/home/css/user.css"/>
		<link rel="stylesheet" type="text/css" href="public/home/css/top.css"/>
		<link rel="stylesheet" type="text/css" href="public/home/css/dd_xq.css"/>
		<script src="resource/hdjs/js/jquery.min.js"></script>
	<script src="resource/hdjs/app/util.js"></script>
	<script src="resource/hdjs/require.js"></script>
	<script src="resource/hdjs/app/config.js"></script>
		
	</head>
	<body>
		
		<!--顶部-->
		<div id="top">
			<div class="box">
				<p class="t_l"><a href="#">时尚商城</a></p>
				<p class="t_lse"><a href="#">首尔站</a></p>
				<ul class="t_r">
					<li><a class="col" href="#">登录</a></li>
					
					<li><a class="col" href="#">注册</a></li>
					<li>|</li>
					<li><a href="#">我的优购</a></li>
					<li><a href="#">我的订单</a></li>
					<li><a href="#">公告</a></li>
					<li><a href="#">更多</a></li>
				</ul>
			</div>
		</div>
		<!--顶部结束-->
		<!--banner-->
		<div id="banner">
			<div class="ban_t">
				<div class="logo"><img src="img/logo.png"/></div>
				<div class="seach">
					<input type="text" name="seach" id="seach" value="" />
					<input type="button" id="but" value="" />
					<ul class="sea_rt">
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li><span>|</span>
						<li><a href="#">热销</a></li>
					</ul>
				</div>
				<div class="shop">
					<div class="shop_gw">
						<i class="shop_img"></i>
						<p>购物车(<span>0</span>)件</p>
						<i class="san"></i>
					</div>
					<p class="shop_p">百丽国际旗下购物网站</p>
				</div>
			</div>
			<div class="ban_b">
				<h2>
					<div class="h_nav">
						<ul>
							<li class="">
								<h3><i class="s1"></i>运动</h3>
								<p><a href="#">运动鞋</a><a href="#">T恤</a><a href="#">长裤</a><a href="#">运动包</a></p>
							</li>
							<li class="">
								<h3><i class="s2"></i>运动</h3>
								<p><a href="#">运动鞋</a><a href="#">T恤</a><a href="#">长裤</a><a href="#">运动包</a></p>
							</li>
							<li class="">
								<h3><i class="s3"></i>运动</h3>
								<p><a href="#">运动鞋</a><a href="#">T恤</a><a href="#">长裤</a><a href="#">运动包</a></p>
							</li>
							<li class="">
								<h3><i class="s4"></i>运动</h3>
								<p><a href="#">运动鞋</a><a href="#">T恤</a><a href="#">长裤</a><a href="#">运动包</a></p>
							</li>
							<li class="">
								<h3><i class="s5"></i>运动</h3>
								<p><a href="#">运动鞋</a><a href="#">T恤</a><a href="#">长裤</a><a href="#">运动包</a></p>
							</li>
							<li class="">
								<h3><i class="s6"></i>运动</h3>
								<p><a href="#">运动鞋</a><a href="#">T恤</a><a href="#">长裤</a><a href="#">运动包</a></p>
							</li>
							<li class="">
								<h3><i class="s7"></i>运动</h3>
								<p><a href="#">运动鞋</a><a href="#">T恤</a><a href="#">长裤</a><a href="#">运动包</a></p>
							</li>
						</ul>
					</div>
					
				</h2>
				
				<div class="nav_l">
					<ul>
						<li><a href="#">运动馆</a></li>
						<li><a href="#">运动馆</a></li>
						<li><a href="#">运动馆</a></li>
						<li><a href="#">运动馆</a></li>
						<li><a href="#">运动馆</a></li>
					</ul>
				</div>
				<div class="nav_r">
					<ul>
						<li><a class="col" href="#">分享购</a></li>
						<li><a href="#">秒杀</a></li>
						<li><a href="#">聚优购</a></li>
					</ul>
				</div>
			</div>
		</div>	
	
		<!--banner结束-->
		
		<!--分类导航结束-->
		<!--主体内容-->
		<div class="cen clearfix">
			<!--分类导航-->
		<div class="men">
			<p>您当前位置</p><span>》</span>
			<p>
				<a href="#">运动户外</a>
			</p>
			<span>》</span>
			<p><a href="#">运动</a>
			</p>
			
		</div>
	<!--左侧公共部分 start-->
<div class="u_leftxin fl mgr10" id="umenu">
	<div class="wdygtit"><a href="http://www.yougou.com/my/ucindex.jhtml?t=14745131310366756"><span>我的优购</span></a></div>
	<ul class="jiaoyizx">
    	<li class="ultit">交易中心</li>
    	<li class="myorderli"><a href="http://www.yougou.com/my/order.jhtml?t=14745131310363709"><span>我的订单</span></a></li>
    	<li class="myfavorli"><a href="http://www.yougou.com/my/favorites.jhtml?t=14745131310372126"><span>我的收藏</span></a></li>
    	<li class="mycommentli"><a href="http://www.yougou.com/my/comment.jhtml?t=147451313103710699"><span>商品评论/晒单</span></a></li>
        <li class="msgli"><a href="http://www.yougou.com/my/msg.jhtml?t=14745131310376419"><span id="uc_msg_count">站内消息<i class="huise">（<em>0</em>）</i></span></a></li>
    </ul>
    <ul class="wodezc">
    	<li class="ultit">我的资产</li>
    	<li class="mycouponli"><a href="http://www.yougou.com/my/coupon.jhtml?couponState=1&amp;t=14745131310385948"><span id="my_coupon_tick">我的优惠券</span></a></li>
        <li class="giftcardli"><a href="http://www.yougou.com/my/giftcard.jhtml?couponState=1&amp;t=14745131310383024"><span id="my_giftcard_tick">我的礼品卡</span></a></li>
        <li class="mypointli"><a href="http://www.yougou.com/my/point.jhtml?t=14745131310396852"><span id="my_point_tick">我的积分</span></a></li>
    </ul>
	<ul class="gerensz">
    	<li class="ultit">个人设置</li>
    	<li class="myinfoli"><a href="http://www.yougou.com/my/info.jhtml?t=14745131310402839"><span>个人资料</span></a></li>
        <li class="safesetli"><a href="http://www.yougou.com/my/safeSet.jhtml?t=14745131310405911"><span id="uc_safe_level">安全设置</span></a></li>
        <li class="myaddrli"><a href="http://www.yougou.com/my/address.jhtml?t=14745131310418249"><span>我的收货地址</span></a></li>
    </ul>
    <ul class="shouhoufw">
    	<li class="ultit">售后服务</li>
    	<li class="afterservli"><a href="http://www.yougou.com/my/afterService.jhtml?t=14745131310413241"><span>查看退换货</span></a></li>
        <li class="appservli"><a href="http://www.yougou.com/my/applicationService.jhtml?t=14745131310426086"><span>申请退换货</span></a></li>
    </ul>
</div>
    <!--左侧公共部分 end-->
    
    <div class="u_right fl" id="myaddr_v2">
		 	<h3 class="myaddr_tit">我的收货地址</h3>
            	<div class="myaddr_div2">
                	<!--<a href="javascript:void(0)" id="newAddressBtn" class="myaddr_addbtn">+新增收货地址</a>-->
                </div>
                <!-- address list start-->
            	<div style="display: block;" class="myaddr_table" id="addressListDiv">
                <table class="myaddr_list" id="tbl_address" style="border-collapse:collapse" cellpadding="0" cellspacing="0">
                  <tbody><tr class="">
                    <th width="136px">收货人</th>
                    <th width="150px">所在地区</th>
                    <th width="200px">详细地址</th>
                    <th width="142px">收货人手机</th>
                    <th width="100px"></th>
                    <th width="100px">操作</th>
                  </tr>
				  
                <tr class="" id="" default="true"><td>天空</td><td>上海 上海市 松江区</td><td>***技创新园</td><td>137****8888</td><td><span class="cOrg">默认地址</span></td><td><p class="cC0c0"><a class="myaddr_mdf" href="javascript:void(0);">修改</a>|<span class="myaddr_del">&nbsp;</span></p></td></tr></tbody></table>
                <p id="addr_alert" style="display:none">请设置默认地址</p>
            </div>
            <!-- address list end-->
            <!-- address form start-->
            <div class="myaddr_add" id="addressFormDiv" style="display: none;">
            	<form action="" method="post" name="addressForm" id="addressForm">
            	<p class="titt"><span id="actionTitle">编辑收货地址</span><span class="cancel" id="closeFormBtn">X</span></p>
           		<div class="myaddr_addrow clearfix">
                	<p class="tit">所&nbsp;在&nbsp;地&nbsp;区</p>
                    <span id="district"><select class="myaddr_select province" name="address[province]"></select><select class="myaddr_select city" name="address[city]"></select><select class="myaddr_select district" name="address[area]"></select></span>
                </div>
                <div class="myaddr_addrow clearfix">
                	<p class="tit">详&nbsp;细&nbsp;地&nbsp;址</p><input class="myaddr_input error" id="receivingAddress" name="receivingAddress" type="text" placeholder="请输入收货人地址，要求5-120个字符">
                </div>
                <div class="myaddr_addrow clearfix">
                	<p class="tit">收货人姓名</p><input style="width:102px" class="myaddr_input error" name="receivingName" id="receivingName" type="text" placeholder="请输入收货人姓名，要求3-25个字符">
                </div>
                <div class="myaddr_addrow clearfix">
                	<p class="tit">收货人手机</p><input placeholder="请输入手机号码" style="width:136px" class="myaddr_input error" id="receivingMobilePhone" name="receivingMobilePhone" maxlength="11" type="text">
                </div>
                <div class="myaddr_addrow clearfix">
                	<!--<input name="defaultAddress" id="defaultAddress" type="checkbox"><label for="defaultAddress">设置为默认收货地址</label>-->
                </div>
                <input value="保存" class="save" id="saveBtn" style="border:0px;cursor:pointer;" type="submit">
                <a class="cancel" id="cancelBtn" href="javascript:void(0);">取消</a>
                </form>
            </div>
            <!-- address form end-->
		</div>
    
</div>
		<!--主体内容结束-->
<script>
	$('.myaddr_mdf').click(function(){
		$('#addressFormDiv').css({display:'block'});
	})
	$('#closeFormBtn').click(function(){
		$('#addressFormDiv').css({display:'none'});
	})
	$('#saveBtn').click(function(){
		$('#addressFormDiv').css({display:'none'});
	})
	$('#cancelBtn').click(function(){
		$('#addressFormDiv').css({display:'none'});
	})


    require(['address'], function (a) {
        a.render({
            //省份标签
            province: document.querySelector('[name="address[province]"]'),
            //城市标签
            city: document.querySelector('[name="address[city]"]'),
            //地区标签
            area: document.querySelector('[name="address[area]"]'),
        }, {
            
            if(!is_null($data['address'])){
            	//默认省
            	province: "<?php echo $data['address'][0]?>",
            	//默认市
	            city:"<?php echo $data['address'][1]?>",
	            //默认地区
	            area:"<?php echo $data['address'][2]?>",
            }else{
            	//默认省
            	province: '上海省',
            	//默认市
	            city:'上海市',
	            //默认地区
	            area:'松江区',
            }
            
            
        });
    })
</script>
		
		
		<!--底部-->
		<div id="foot">
			<div class="box">
				<img src="img/endlogo.gif"/>
				<div class="box_r">
					<ul>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li><a href="#">关于优购</a></li>
						<li style="border: none;"><a href="#">关于优购</a></li>
					</ul>
					<p>Copyright © 2011-2016 Yougou Technology</p>
				</div>
			</div>
		</div>
		<!--底部结束-->
	</body>
</html>
